html,body {
    height: 100%;
}

.samples {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sample-box-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
}

.timepicker1auto {
    background-color: var(--sapBackgroundColor);
}

.timepicker2auto {
    width: 100%
}

#tpLabel::part(input) {
    text-align: right;
}
form ui5-time-picker:invalid {
    outline: 2px solid var(--sapNegativeColor);
}
